html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

p {
  font-size: 28px;
  letter-spacing: 8px;
  font-weight: 600;
  transform: rotate(-10deg);
  display: flex;
  justify-content: center;
  user-select: none;
}

p > span {
  text-shadow: 2px 2px #ada6a6, 4px 4px #ada6a6;
  transform: skew(350deg);
  opacity: 0;
  animation: titleMove 1s var(--d) cubic-bezier(0, 0.36, 0.61, 1.51) forwards;
}

p:nth-child(1) {
  color: #cf3939;
}

p:nth-child(2) {
  color: rgb(18, 100, 72);
}

p:nth-child(3) {
  color: rgb(174, 211, 40);
}

@keyframes titleMove {
  from {
    opacity: 0;
    transform: skew(350deg) translateY(300%);
  }
  to {
    opacity: 1;
    transform: skew(350deg) translateY(0);
  }
}
